/* wrapper just adds some breathing space & max width */
.table-wrapper {
  max-width: 1400px;
  /* same ball‑park as your screenshot */
  margin: 0 auto;
  padding: 20px;
  overflow-x: auto;
  /* keeps layout intact on small screens */
}

.equipment-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Roboto, system-ui, sans-serif;
  font-size: 1rem;
}

.equipment-table th,
.equipment-table td {
  padding: 18px 14px;
  border: 1px solid #e0e0e0;
}

/* header row */
.equipment-table thead th {
  background: #fafafa;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

/* centre the serial‑number column */
.equipment-table tbody td:first-child {
  text-align: center;
  width: 80px;
  white-space: nowrap;
}

/* light zebra striping for readability */
.equipment-table tbody tr:nth-child(even) {
  background: #f7f7f7;
}


/* team table */

.table-wrapper {
  max-width: 1200px;
  margin-left: auto;
  padding: 20px;
  overflow-x: auto;
}

.team-table,
.equipment-table {
  /* width: 100%; */
  border-collapse: collapse;
  font-family: Roboto, system-ui, sans-serif;
  font-size: 1rem;
}

.team-table th,
.team-table td,
.equipment-table th,
.equipment-table td {
  padding: 18px 14px;
  border: 1px solid #e0e0e0;
}

.team-table thead th,
.equipment-table thead th {
  background: #fafafa;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

.team-table tbody tr:nth-child(even),
.equipment-table tbody tr:nth-child(even) {
  background: #f7f7f7;
}